﻿<!DOCTYPE html>
<html>
<!--图表样式模板-->
<head lang="en">
    <meta charset="UTF-8">
    <title>压力容器数据分析</title>
    <!--通用CSS样式引入-->
    <link rel="stylesheet" href="css/public.css"/>
    <!--亮点荟萃/转载情况分析 CSS样式引入-->
    <link rel="stylesheet" href="css/style-index.css"/>
    <!--分类热点消息 CSS样式引入-->
    <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css"/>
    <!--jQuery库引入-->
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <!--基于1920分辨率适应 JS引入-->
    <!-- <script type="text/javascript" src="js/type1920.js"></script> -->
    <!--亮点荟萃 JS引入-->
    <script type="text/javascript" src="js/jc.js"></script>
    <script type="text/javascript" src="js/highlights.js"></script>
    <script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <!--分类热点消息 JS引入及json数据-->
    <script type="text/javascript" src="js/matrix.js"></script>
    <script type="text/javascript" src="data/hotinfo-data.json"></script>
    <!--图标插件-->
    <script src="js/echarts.min.js"></script>
</head>
<body>
    <div class="cb-container">
        <!--转载情况分析-->
        <div class="cb-zz-container">
            <!--header-->
            <div class="zz-head-ct ">
            <!--<div class="cb-ld-header">-->
                <h1 class="jt-hd-sp">压力容器数据分析</h1>
            </div>
            <!--end header-->
            <div class="cb-zz-head"></div>
            <!--标题-->
            <div class="cb-title cb-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon01.png" width="35" height="35" alt="">
                    <span>特检单位报告数据量前15名</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!--总数-->
            <div class="zz-num">
                <div class="zz-head-wz">
                    <span class="wz-sp">压力容器检测报告总数据量</span>
                    <span class="wz-num">22万3040条</span>
                </div>
            </div>
            <!--main-->
            <div class="zz-main-con">
                <!--按分类-->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-fl-bac"></div>
                    <div class="zz-ct-bk">
                        <img src="images/cb-dp-img02.png"/>
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon01.png"/>
                            <label>安徽省特检</label>
                            <span>59056</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon02.png"/>
                            <label>淮南市特检</label>
                            <span>15082</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon03.png"/>
                            <label>芜湖市特检</label>
                            <span>14565</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>滁州市特检</label>
                            <span>14514</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>宣城市特检</label>
                            <span>14078</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">1-5名</div>
                </div>
                <!--按子单位-->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-dw-bac"></div>
                    <div class="zz-ct-bk">
                        <img src="images/cb-dp-img03.png"/>
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon07.png"/>
                            <label>铜陵市特检</label>
                            <span>13187</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon08.png"/>
                            <label>阜阳市特检</label>
                            <span>12566</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon09.png"/>
                            <label>安庆市特检</label>
                            <span>11557</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon10.png"/>
                            <label>马鞍山市特检</label>
                            <span>10982</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon12.png"/>
                            <label>淮北市特检</label>
                            <span>10537</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">6-10名</div>
                </div>
                <!--转载热门单位TOP3-->
                <div class="zz-con-bk">
                    <div class="zz-con-ct zz-fl-bac"></div>
                    <div class="zz-ct-bk">
                        <img src="images/cb-dp-img04.png"/>
                    </div>
                    <div class="zz-ct-sp dw-ct-sp">
                        <p>
                            <img src="images/cb-chart-icon04.png"/>
                            <label>蚌埠市特检</label>
                            <span>9999</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon05.png"/>
                            <label>黄山市特检</label>
                            <span>7939</span>
                        </p>

                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>六安市特检</label>
                            <span>7769</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>池州市特检</label>
                            <span>7201</span>
                        </p>
                        <p>
                            <img src="images/cb-chart-icon06.png"/>
                            <label>宿州市特检</label>
                            <span>5642</span>
                        </p>
                    </div>
                    <div class="zz-con-ft">10-15名</div>
                </div>
            </div>
            <!--end main-->
        </div>
        <!--+++++++++++++++++++++++-->
        <!--图表60-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表60</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao60" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao60.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao60'));
                myChart3.setOption(option60);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表61-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表61</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao61" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao61.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao61'));
                myChart3.setOption(option61);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表62-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表62</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao62" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao62.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao62'));
                myChart3.setOption(option62);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表63-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表63</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao63" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao63.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao63'));
                myChart3.setOption(option63);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表64-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表64</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao64" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao64.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao64'));
                myChart3.setOption(option64);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表65-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="65" height="65" alt="">
                    <span>图表65</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao65" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao65.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao65'));
                myChart3.setOption(option65);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表66-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表66</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao66" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao66.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao66'));
                myChart3.setOption(option66);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表67-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表67</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao67" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao67.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao67'));
                myChart3.setOption(option67);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表68-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表68</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao68" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao68.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao68'));
                myChart3.setOption(option68);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表69-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表69</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao69" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao69.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao69'));
                myChart3.setOption(option69);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表70-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表70</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao70" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao70.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao70'));
                myChart3.setOption(option70);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表71-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表71</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao71" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao71.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao71'));
                myChart3.setOption(option71);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表72-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表72</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao72" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao72.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao72'));
                myChart3.setOption(option72);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表73-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表73</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao73" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao73.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao73'));
                myChart3.setOption(option73);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表74-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表74</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao74" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao74.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao74'));
                myChart3.setOption(option74);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表75-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表75</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao75" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao75.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao75'));
                myChart3.setOption(option75);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表76-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表76</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao76" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao76.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao76'));
                myChart3.setOption(option76);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表77-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表77</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao77" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao77.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao77'));
                myChart3.setOption(option77);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表78-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表78</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao78" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao78.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao78'));
                myChart3.setOption(option78);
            </script>
        </div>
        <!-------------------------->
        <!--+++++++++++++++++++++++-->
        <!--图表79-->
        <div class="cb-hot-container">
            <!--标题-->
            <div class="cb-title cb-hot-po">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon03.png" width="35" height="35" alt="">
                    <span>图表79</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!---->
            <div id="tubiao79" style="width: 1850px;height:880px;position: absolute;top:110px;left: 10px"></div>
            <script src="js/tubiao79.js"></script>
            <script type="text/javascript">
                var myChart3 = echarts.init(document.getElementById('tubiao79'));
                myChart3.setOption(option79);
            </script>
        </div>
        <!-------------------------->
        <!--亮点荟萃-->
        <div class="cb-ld-container">
            <!--标题-->
            <div class="cb-title cb-pol">
                <div class="cb-title-l"></div>
                <div class="cb-title-c">
                    <img class="cb-title-icon" src="images/cb-title-icon02.png" width="35" height="35" alt="">
                    <span>压力容器趋势分析</span>
                </div>
                <div class="cb-title-r"></div>
            </div>
            <!--<div class="ld-main-lf">-->
                <!--<div class="ld-nav-lf">-->
                <!--</div>-->
            <!--</div>-->
            <div class="ld-main-rt">
                <div id="resizable3" style="width: 1920px;height:880px;position: absolute;top:0px;left: -300px"></div>
                <script src="js/zhuzhuang4.js"></script>
                <script type="text/javascript">
                    var myChart4 = echarts.init(document.getElementById('resizable3'));
                    myChart4.setOption(option4);
                    // myChart3.on('click', function (params) {
                    //     console.log(params);
                    //     alert('点击响应【】'+params.name);
                    // });
                </script>
            </div>
            <div class="cb-footer-lf"></div>
            <div class="cb-footer-rt"></div>
        </div>
        <script>
            $(".scroll").mCustomScrollbar({
                scrollButtons: {
                    enable: false
                },
            });
        </script>
    </div>
</body>
</html>
